<template>
	<view class="center-box">
	

		<view class="center-list">
			<u-navbar back-icon-name="arrow-left" :title-bold="true" title-size="36" :border-bottom="false" back-icon-color="#333333"
			 :title="title"></u-navbar>
			<view class="private-center">
				<view class="flex">
					<image src="../../static/img.jpg" class="w90 h90 r45" mode=""></image>
					<view class="left-box ml30">
						您有什么问题
					</view>
				</view>

				<view class="flex justify-between">
					<view class="w1">

					</view>
					<view class="flex">
						<view class="right-box mr30">
							...
						</view>
						<image src="../../static/img.jpg" class="w90 h90 r45" mode=""></image>
					</view>
				</view>
			</view>

			<view class="fiex-btn">
				<view class="">
					<view class="flex align-center justify-between">
						<i class="cuIcon-emojifill f60 mr24" style="color: #B3B3B3;"></i>
						<u-input
							:custom-style="bgColor"
							v-model="value"
							:height="70"
							:maxlength="-1"
							uto-height="true"
							:clearable="false"
							type="textarea"
							:border="false"
							 />
							<view class="w150 f26 ml24 w80 h70 lh70 text-center r35 f20" style="background-color: #FAFAFA;">
								发送
							</view>
					</view>
					<view class="flex pt25 h110">
						<image src="../../static/img/album.png" class="w44 h44 mr95" mode=""></image>
						<image src="../../static/img/vide.png" class="w44 h44" mode=""></image>
					</view>
				</view>
			</view>
		</view>

		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgColor: {
					backgroundColor: '#FAFAFA',
					paddingLeft: '20rpx',
				},
				background: {
					backgroundColor: 'transparent',
					fontFamily: 'PingFang SC',
					fontWeight: 600,
					// font-weight: ;
					// 导航栏背景图
					// background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
					// 还可以设置背景图size属性
					// backgroundSize: 'cover',
				},
				title: '酱酱',
				value: '',
				type: 'password',
				height: 70,
			};
		},
		onShow() {},
		onLoad(e) {},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			},

			bindTextAreaBlur: function(e) {
				console.log(e.detail.value)
			}
		}
	};
</script>

<style lang="scss" scoped>
	.center-box {
		
		/deep/.u-input__textarea[data-v-904f09a4] {
			padding: 15rpx 0 !important;
			padding-left: 10rpx !important;
			border-radius: 10rpx !important;
		}

		.center-list {
			width: 100%;
			height: 100vh;
			
			background-color: #F7F5F7;

			.private-center {
				width: 100%;
				height: 100%;
				padding: 37rpx 30rpx;
				background-color: #F7F5F7;

				.left-box {
					max-width: 400rpx;
					word-wrap: break-word;
					word-break: normal;
					padding: 27rpx 25rpx;
					background: #FFFFFF;
					margin-bottom: 50rpx;
					border-radius: 0px 20rpx 20rpx 20rpx;
				}

				.right-box {
					max-width: 400rpx;
					word-wrap: break-word;
					word-break: normal;
					padding: 27rpx 25rpx;
					background: #FFFFFF;
					margin-bottom: 50rpx;
					border-radius: 20rpx 0px 20rpx 20rpx;
				}
			}

			.fiex-btn {
				position: fixed;
				bottom: 0;
				width: 100%;
				padding: 20rpx 30rpx;
				background-color: #FFFFFF;
			}

			.fiex-btn1 {
				position: fixed;
				bottom: 220rpx;
				width: 100%;
				height: 200rpx;
				padding: 20rpx 30rpx;
				background-color: #FFFFFF;
			}
		}
	}
</style>
